<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../layui/css/layui.css">
	</head>
	<body  style="background-image: url(../image/adBackground.jpg); background-repeat: no-repeat;">
		<div class="layui-fluid" >
			<div  class="layui-row layui-col-md-offset4" style="width: 450px;height: 380px;background-color: white;margin-top: 100px;">
				<div class="layui-row  layui-col-md-offset5">
					<label class="layui-form-label layui-font-16 layui-font-orange">管理员注册</label>
				</div>
				<form class="layui-form" action="post">
				  <div class="layui-form-item">
				    <label class="layui-form-label layui-font-18 layui-font-red">昵称</label>
				    <div class="layui-input-block">
				      <input type="text" name="title" required  lay-verify="required" placeholder="请输入昵称" autocomplete="off" class="layui-input">
				    </div>
				  </div>
				  <div class="layui-form-item">
				    <label class="layui-form-label layui-font-18 layui-font-red">密码</label>
				    <div class="layui-input-block">
				      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
				    </div>
				  </div>
				  <div class="layui-form-item">
				    <label class="layui-form-label layui-font-18 layui-font-red">电话</label>
				    <div class="layui-input-block">
				      <input type="tel" name="phone" required lay-verify="required" placeholder="请输入电话" autocomplete="off" class="layui-input">
				    </div>
				  </div>
				  <div class="layui-form-item">
				    <label class="layui-form-label layui-font-18 layui-font-red">邮箱</label>
				    <div class="layui-input-block">
				      <input type="email" name="email" required lay-verify="required" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
				    </div>
				  </div>
				  <div class="layui-form-item">
				    <label class="layui-form-label layui-font-18 layui-font-red">性别</label>
				    <div class="layui-input-block">
				      <input type="radio" name="gender" value="男" title="男">
				      <input type="radio" name="gender" value="女" title="女" checked>
				    </div>
				  </div>
				  <div class="layui-form-item">
				    <div class="layui-input-block">
				      <button class="layui-btn" lay-submit lay-filter="formDemo">注册</button>
				      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
				    </div>
				  </div>
				</form>
			</div>
			
		</div>
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<script>
		//Demo
		layui.use('form', function(){
		  var form = layui.form;
		 
		  //监听提交
		  form.on('submit(formDemo)', function(data){
		    layer.msg(JSON.stringify(data.field));
		    return false;
		  });
		});
		</script>
      
	</body>
</html>
